<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<style>
			/* css注释效果 */
			/* css部分：选择器：抓取页面元素，元素增加效果
			            选择器{
							属性：属性值;
							属性：属性值;
						}
			*/
		   p{
			   width: 200px;
			   height: 200px;
			    background: #e4393c;/*16进制色值*/
		   }
		</style>
	</head>
	<!-- ①内联样式表   叫做内行样式表 【开发不用:没有直接实现内容与表现分离】
	     语法：<前标记 style="属性：属性值；属性：属性值；..."-->
		 <div style="width: 300px;height: 300px;;background: red;"></div>
		 <!--②内部样式表【开发不用 联系装用】 
		 html部分：在head元素中，添加 style元素
		 css部分：在style元素中，添加css样式-->
		 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus error cupiditate nesciunt ipsam voluptatem laborum architecto laudantium corrupti, aliquid nobis aut sed animi nam, a inventore libero similique id reiciendis.</p>
	<div></div>
	<body>
	</body>
</html>